
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>JAVA兴趣社 | 活动</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />

  <!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />


	
	<!-- Animate.css -->
	<link rel="stylesheet" href="/picture/css/animate.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="/picture/css/magnific-popup.css">
	<!-- Salvattore -->
	<link rel="stylesheet" href="/picture/css/salvattore.css">
	<!-- Theme Style -->
	<link rel="stylesheet" href="/picture/css/style.css">
	<!-- Modernizr JS -->
	<script src="/picture/js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="/picture/js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
		


<section>

	<a href="/"><img src="/picture/icons/return.png" width="50px" style="position: fixed; top: 30px; right: 30px; z-index: 1;"  alt=""></a>

	

	
	
	<div id="fh5co-main">
		<div class="container">

			<div class="row">

        <div id="fh5co-board" data-columns>

        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_1.jpg" class="image-popup fh5co-board-img" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?"><img src="/picture/images/img_1.jpg" alt="Free HTML5 Bootstrap template"></a>
        		</div>
        		<div class="fh5co-desc">这就是我们的基地啦，在中心校区西院快递大厅往上走两步就到了，欢迎小伙伴过来一起玩</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_2.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_2.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">烈日当头，集体体验海钓，晕船晕海的小伙伴表示非常羡慕（大合照）</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_3.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_3.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">滑雪二三事，有的时候，会摔倒，才会滑</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_4.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_4.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">滑雪结束时，大家一起在入口处拍了一张集体合照，虽然都在很开心地笑，摔得浑身痛是不会说出来的</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_5.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_5.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">《建国七十周年互联网技术发展史》 <br> --数软学院  X Java兴趣社团 <br> 两周辛勤，通宵施工，通过互联网技术，以小见大，中国！！</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_6.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_6.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">参加易途杯的同学，都有机会获得企业级java培训，免费！！！ <br> 认真学习的你，好美</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_7.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_7.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Necessitatibus distinctio eos ipsam cum hic temporibus assumenda deleniti, soluta.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_8.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_8.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">社团内指导老师，同时也是数软学院外聘教师 <br> （小学期实拍，人是真的帅，没有开美颜）</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_9.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_9.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Maxime qui eius quisquam quidem quos unde consectetur accusamus adipisci!</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_21.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_21.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Deleniti aliquid, accusantium, consectetur harum eligendi vitae quaerat reiciendis sit?</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_10.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_10.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Incidunt, eaque et. Et odio excepturi, eveniet facilis explicabo assumenda.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_11.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_11.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Laborum dolores nihil voluptates quas alias distinctio fugiat tempora sit.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_12.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_12.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Sit, quis nulla amet numquam fugit, in reiciendis laboriosam dolor.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_13.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_13.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">万象城-世嘉主题公园-大家一起high</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_14.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_14.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Magni repellendus iusto mollitia, quibusdam facilis incidunt. Sunt, repellat, voluptatem.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_15.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_15.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Unde iure rerum cupiditate explicabo quam aut vel earum numquam.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_16.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_16.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Qui nisi error dolorum dolor delectus, alias doloremque perspiciatis nemo.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_18.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_18.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Neque porro vero cumque natus nam voluptatibus, ratione, commodi labore.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_17.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_17.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Quisquam quia totam, sit ea maxime sint sed excepturi quod.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_19.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_19.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Nesciunt non iste ex nemo sapiente eum, provident nam corporis.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_20.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_20.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Harum repellat labore est cum ipsa, nesciunt neque mollitia adipisci?</div>
        		</div>
        	</div>
        	
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_22.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_22.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">碧海蓝天，摇曳船身，孤身持杆，静待鱼来</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_23.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_23.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Sunt numquam itaque delectus, dignissimos dolorem obcaecati vel, atque eos.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_24.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_24.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">《温柔美丽学姐们，照片无法提现真是的美貌》第二弹</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_25.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_25.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Quos repellendus repudiandae debitis reprehenderit cupiditate cumque accusamus exercitationem, harum.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_26.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_26.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Sunt numquam itaque delectus, dignissimos dolorem obcaecati vel, atque eos.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_27.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_27.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_28.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_28.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_29.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_29.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="/picture/images/img_30.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_30.jpg" alt="Free HTML5 Bootstrap template"></a>
	        		<div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
        		</div>
        	</div>
            <div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_31.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_31.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div><div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_32.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_32.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div><div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_33.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_33.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div><div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_34.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_34.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div>
            <div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_35.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_35.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div>
            <div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_36.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_36.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div><div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_37.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_37.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div>
            <div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_38.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_38.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div>
            <div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_39.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_39.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div>
            <div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_40.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_40.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div>
              <div class="item">
                <div class="animate-box">
                    <a href="/picture/images/img_41.jpg" class="image-popup fh5co-board-img"><img src="/picture/images/img_41.jpg" alt="Free HTML5 Bootstrap template"></a>
                    <div class="fh5co-desc">Adipisci consequuntur ipsa fugit perspiciatis eligendi. Omnis blanditiis, totam placeat.</div>
                </div>
            </div>
            
        </div>
        </div>
       </div>
	</div>


	<!-- jQuery -->
	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<!-- jQuery Easing -->
	<script src="/picture/js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
	<!-- Waypoints -->
	<script src="/picture/js/jquery.waypoints.min.js"></script>
	<!-- Magnific Popup -->
	<script src="/picture/js/jquery.magnific-popup.min.js"></script>
	<!-- Salvattore -->
	<script src="/picture/js/salvattore.min.js"></script>
	<!-- Main JS -->
	<script src="/picture/js/main.js"></script>


	
<!-- 回到顶部 -->
<a href="javascript:;" id="btn" title="回到顶部" 
style="width:60px;
height:40px;
position:fixed;
z-index: 100000;
right:5%;
bottom:30px;
display:none;"> 
    <img src="/image/totap2.png" width="50px" alt="">     
</a>
<script>
    window.onload = function() {
        var obtn = document.getElementById('btn');
        var clientHeight = document.documentElement.clientHeight;
        var timer = null;
        var isTop = true;
    
        window.onscroll = function() {
            var osTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (osTop >= clientHeight) {
                obtn.style.display = 'block';
            } else {
                obtn.style.display = 'none';
            }
    
            if (!isTop) {
                clearInterval(timer);
            }
            isTop = false;
        }
    
        //给其添加点击事件
        obtn.onclick = function() {
            //写定时器,动画效果的函数setInterval(),放一个匿名函数function()
            timer = setInterval(function() {
                var osTop = document.documentElement.scrollTop || document.body.scrollTop;
                var ispeed = Math.floor(-osTop / 5);
                document.documentElement.scrollTop = document.body.scrollTop = osTop + ispeed;
                isTop = true;
                // console.log(osTop - ispeed);
                if (osTop == 0) {
                    clearInterval(timer);
                }
            }, 30);
    
        }
    }
    </script>
	
	</body>
</html>
